{template 'phpcms','header'}
<!--[if lt IE 9]>
<script src="images/js/waterfall/html5.js"></script>
<![endif]-->
<script src="images/js/waterfall/blocksit.min.js"></script>
<script>
$(document).ready(function() {

	//blocksit define
	$(window).load( function() {
		$('#container').BlocksIt({
			numOfCol: 5,
			offsetX: 8,
			offsetY: 8
		});
	});
	
	//window resize
	var currentWidth = 1100;
	$(window).resize(function() {
		var winWidth = $(window).width();
		var conWidth;
		if(winWidth < 660) {
			conWidth = 440;
			col = 2
		} else if(winWidth < 880) {
			conWidth = 660;
			col = 3
		} else if(winWidth < 1100) {
			conWidth = 880;
			col = 4;
		} else {
			conWidth = 1100;
			col = 5;
		}
		
		if(conWidth != currentWidth) {
			currentWidth = conWidth;
			$('#container').width(conWidth);
			$('#container').BlocksIt({
				numOfCol: col,
				offsetX: 8,
				offsetY: 8
			});
		}
	});
});
</script>
<!--位置导航-->
<div class="pw location"><a class="base" href="">首页</a>{catpos($catid)}</div>
<!--begin main-->
<div class="main" >
<div id="container">
	{tag_瀑布图片列表}
  </div>
</div>
<div class="clear"></div>
<!--end main-->
{template 'phpcms','footer'}